<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$config.setup.seotitle}</title>
    <meta name="keywords" content="{$config.setup.seokeywords}" />
    <meta name="description" content="{$config.setup.seodescription}" />

    {include:link}
</head>

<body>
    {include:head}



    <div class="flash">
        <ul class="bxslider">
            {advertisement filename="banna" as="$vo"}
            <li>

                <a href="{$vo.url}">
                    <img src="{$vo.imges}" alt="{$vo.title}" />
                </a>
            </li>
            {/advertisement}
        </ul>
    </div>





    <script type="text/javascript">
        $('.bxslider').bxSlider({
            adaptiveHeight: true,
            infiniteLoop: true,
            hideControlOnEnd: true,
            auto: true
        });
    </script>

    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="product_index">
                    <div class="product_head" data-move-y="-40px">
                        <h2>{$advertisement.product.title}</h2>
                        <p>{$advertisement.product.content}</p>
                    </div>
                    <div class="product_list">

                        {content sort=ASC template="product" begin=0 rows='8' isgraph=1 where="  " as=$vo }
                        <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                            <a href="{@jmp($vo.static_url)}">
                                <img src="{$vo.graph}" class="img-thumbnail" alt="{$vo.name}">
                            </a>
                            <p class="product_title"><a href="{@jmp($vo.static_url)}" title="{$vo.name}">{$vo.name}</a></p>
                        </div>
                        {/content}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="advantage">
        <div class="advantage_head" data-move-y="-50px">
            <p>{$advertisement.advantage.content}</p>
            <h2>{$advertisement.advantage.title}</h2>
        </div>
        <div class="container advantage_list">
            <div class="row">
                <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                    <div class="col-sm-3 col-md-3">
                        <a href="" target="_blank"><img src="{$advertisement.advantage-1.imges}" alt="{$advertisement.advantage-1.title}"></a>
                    </div>
                    <div class="col-sm-9 col-md-9">
                        <h4><a href="" target="_blank">{$advertisement.advantage-1.title}</a></h4>
                        <span style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;">{$advertisement.advantage-1.content}</span>
                    </div>
                </div>

                <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                    <div class="col-sm-3 col-md-3">
                        <a href="" target="_blank"><img src="{$advertisement.advantage-2.imges}" alt="{$advertisement.advantage-2.title}"></a>
                    </div>
                    <div class="col-sm-9 col-md-9">
                        <h4><a href="" target="_blank">{$advertisement.advantage-2.title}</a></h4>
                        <span style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;">{$advertisement.advantage-2.content}</span>
                    </div>
                </div>

                <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                    <div class="col-sm-3 col-md-3">
                        <a href="" ><img src="{$advertisement.advantage-3.imges}" alt="{$advertisement.advantage-3.title}"></a>
                    </div>
                    <div class="col-sm-9 col-md-9">
                        <h4><a href="{__URL__}" >{$advertisement.advantage-3.title}</a></h4>
                        <span style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;">{$advertisement.advantage-3.content}</span>
                    </div>
                </div>

                <div class="col-sm-6 col-md-6 advantage_col" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                    <div class="col-sm-3 col-md-3">
                        <a href="{__URL__}" t><img src="{$advertisement.advantage-4.imges}" alt="{$advertisement.advantage-4.title}"></a>
                    </div>
                    <div class="col-sm-9 col-md-9">
                        <h4><a href="">{$advertisement.advantage-4.title}</a></h4>
                        <span style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;">{$advertisement.advantage-4.content}</span>
                    </div>
                </div>
            </div>

        </div>
    </div>









    <div class="case_box">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="case_head" data-move-y="-50px">
                        <h2>{$advertisement.Successful.title}</h2>
                        <p>{$advertisement.Successful.content}</p>
                    </div>
                    <div class="case_list">

                        {content  template="picture" sort=desc begin=0 rows=8 isgraph=1 as=$vo }
                        <div class="col-sm-4 col-md-3 col-mm-6 product_img" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
                            <a href="{@jmp($vo.static_url)}">
                                <img src="{$vo.graph}" class="img-thumbnail" alt="{$vo.name}">
                            </a>
                            <p class="product_title"><a href="{@jmp($vo.static_url)}" title="{$vo.name}">{$vo.name}</a></p>
                        </div>

                        {/content}


                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="about_index">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="about_head" data-move-y="-50px">
                        <h2>{$advertisement.company.title}</h2>
                        <p>Company profile</p>

                    </div>
                    <div class="about_content" data-move-y="100px">
                        <p><img align="left" src="{$advertisement.company.imges}" alt="公司简介">
                        <p class="about_contents">
                            {$advertisement.company.content}</p>
                        </p>
                        <a href="{$advertisement.company.url}" class="btn btn-info" role="button">查看详情</a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="news_head" data-move-y="-50px">
                    <h2>{$advertisement.newstxt.title}</h2>
                    <p>{$advertisement.newstxt.content}</p>
                </div>
                <ul class="news_index" data-move-y="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">


                    {content  template="news" search="" searchid='0' pid="" sdates="" isgraph='0' sort=ASC begin=0 rows='{$config.web.news}' where=" " as=$vo }
                    <li>
                        <span>
                            <strong>{@date('d',$vo.add_time)}</strong>
                            <i>{@date('Y-m',$vo.add_time)}</i>
                        </span>
                        <a href="{@jmp($vo.static_url)}" title="{$vo.name}">{$vo.name}</a><br>
                        <em>{$vo.seodescription}</em>
                    </li>
                    {/exhibition}
                </ul>
            </div>
        </div>
    </div>

    <div class="link_box">
        <div class="container">
            <span class="link_title">友情链接</span><button id="link_btn" class="glyphicon glyphicon-plus" aria-hidden="true"></button>
            <span class="link_list">
                {exhibition  table="links" sort="ASC" begin=0 rows="20" as=$vo }
                <a target="_blank" href="{$vo.eurl}">{$vo.eurlname}</a>
                {/exhibition}

            </span>
        </div>
    </div>

    </div>

    <div class="tags_box">
        <div class="container">
            <span class="tags_title"><a href="{@jmp('tagsall')}" role="button">全部标签</a></span>
            <button id="tags_btn" class="glyphicon glyphicon-plus" aria-hidden="true"></button>
            <span class="tags_rows">

                {exhibition  table="tags" sort="ASC" begin=0 rows=20 as=$vo}
                <a role="button" href="{@jmp(tags,[i=>$vo.id])}">{$vo.ename}</a>
                {/exhibition}
            </span>
        </div>
    </div>


    <script src="{__STATICS__}/js/jquery.smoove.min.js"></script>
    <script>
        $('.product_head,.product_img,.advantage_head,.advantage_col,.about_head,.about_content,.case_head,.news_head,.news_index').smoove({
            offset: '10%'
        });
    </script>

    {include:bottom}

</body>

</html>